<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css_处理内容溢出问题</title>
    <style>
        div {
            background-color: red;
            width: 200px;
            height: 200px;
            /*overflow: auto;*/
            overflow-x:scroll;
            overflow-y:scroll;
        }


    </style>
</head>
<body>
<div>
    <!--
        css中处理内容溢出的问题
            overflow:溢出内容的处理方式
                属性值：
                    visible:显示，默认值
                    hidden:隐藏
                    scroll:显示滚动条，不论内容是否溢出
                    auto:自动显示滚动条，内容不溢出不显示
            overflow-x: 水平方向溢出内容处理方式  属性值同 overflow
            overflow-y: 垂直方向溢出内容处理方式  属性值同 overflow
        注意：
        1.overflow-x、overflow-y 不能一个是hidden,一个是visible，是实验性属性，不建议使用。
        2.overflow常用的值是 hidden和auto,除了能处理溢出的显示方式，还可以解决很多疑难杂症。
    -->
    1231231313131313131313131313131456654444
</div>
</body>
</html>